<div nz-row nzGutter="8">
    <div nz-col nzSpan="24">
        <sf #sf [schema]="searchSchema" [ui]="{ '*': {grid: { span: 12 } }}" [compact]="true" [button]="'none'"></sf>
    </div>
    <div nz-col [nzSpan]="24" class="text-right mb-md expend-options">
        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
        <button nz-button (click)="resetSF()">重置</button>
    </div>
</div>

<st #st [data]="service.$mock_url" [columns]="columns" bordered size="small"
    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100] }" [loading]="false"
    [scroll]="{ x:'810px',y: '400px' }" (change)="stChange($event)" class="mt-sm">
    <ng-template st-row="no" let-item let-index="index" let-column="column">
        {{index+1}}
    </ng-template>
    <ng-template st-row="mo1bile" let-item let-index="index" let-column="column">
        <input nz-input placeholder="请输入" [(ngModel)]="item.mo1bile" />
    </ng-template>
</st>